<template>
    <div class="label-box">
        {{labelName}}
    </div>
</template>

<script>
export default {
    // 标签框
    name: "LabelItem",
    props: {
        labelName: String,
    },
    setup() {
        const TAG = "LabelItem.vue";
    },
    components: {}
}
</script>

<style scoped lang="scss">
.label-box {
    @apply border rounded-md py-0.5 px-2 cursor-pointer hover:opacity-70 mx-2 border-gray-400;
    text-shadow: 0 1px #fdfdfd;
    background: #fdfdfd;
}
</style>